import { ref } from 'vue'
import { defineStore } from 'pinia'
import { loginAPI } from '@/api/user'
import {useCartStore} from './cart'
import {mergeCartAPI} from '@/api/cart'
import 'element-plus/theme-chalk/el-message.css'
import { ElMessage } from 'element-plus'

export const useUserStore = defineStore('user', () => {
    const cartStore = useCartStore()
    // 1. 定义管理用户数据的state
    const userInfo = ref({})
    // 2. 定义获取接口数据的action函数
    const getUserInfo = async ({ account, password }) => {
        const {data:res} = await loginAPI({ account, password })
        if(res.code !== '1') return ElMessage.error(res.msg)
        userInfo.value = res.result
        // 合并购物车
        await mergeCartAPI(cartStore.cartList.map(item => {
            return{
                skuId:item.skuId,
                selected:item.selected,
                count:item.count
            }
        }))
        cartStore.getCartList()

    }

    // 退出登录
    const clearUserInfo = () =>{
        userInfo.value = {}
        // 清除购物车
        cartStore.clearCart()
    }


    // 3. 以对象的格式把state和action return
    return {
        userInfo,
        getUserInfo,
        clearUserInfo
    }
}, {
    persist: true,
})